/* flex */
.flex{
    display: flex;
}
.flex-sb{
    justify-content: space-between;
}
.flex-jc{
    justify-content: center;
}
.flex-ac{
    align-items: center;
}
.flex-dc{
    flex-direction: column;
}
.flex-w{
    flex-wrap: wrap;
}
.flex-none{
    flex: none;
}
.flex-1{
    flex: 1;
}

/* 字体大小 */
.fs-12{
    font-size: 12px;
}
.fs-13{
    font-size: 13px;
}
.fs-14{
    font-size: 14px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}

/* 字体颜色 */
.c-b8{
    color: #B8B8B9;
}
.c-f{
    color: #fff;
}

/* 外边距 */
.mr-5{
    margin-right: 5px;
}
.mr-10{
    margin-right: 10px;
}
.mr-15{
    margin-right: 15px;
}
.mr-30{
    margin-right: 30px;
}
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mt-15{
    margin-top: 15px;
}
.mb-15{
    margin-bottom: 15px;
}


/* 内边距 */
.pd-10{
    padding: 10px;
}
.pd-20{
    padding: 20px;
}

/* 背景颜色 */
.bg-green{
    background: #49C264;
}

.t-c{
    text-align: center;
}